<div id="liveRoom" class="panel clearfix">
    <!--左边部分-->
    <div class="panel pull-left video-box">
        <div class="panel-heading">
            <div class="panel-title">
                <p>{{data.data.name}}</p>
                <ul class="clearfix">
                    <li class="pull-left"><em></em>{{data.data.teacher}}</li>
                    <li class="pull-left"><em></em>{{data.data.userCount}}</li>
                    <li class="pull-left"><em></em>{{data.data.courseName}}</li>
                </ul>
            </div>
        </div>
        <div class="panel-body">
            <div id="video">
               <video id="my-video" class="video-js vjs-big-play-centered" x-webkit-airplay="allow" controls style="width:100%">
                    <source src="" type="rtmp/flv">
                </video>
            </div>
        </div>
    </div>
    <!--右边部分-->
    <div class="panel pull-left discuss">
        <div class="panel-heading">
            <div class="panel-title">
                <!--讨论和成员的切换-->
                <ul class="nav nav-tabs nav-justified">
                    <li  ng-class="{'active':tabStatus==0}">
                        <a href=""  ng-click="changeTab(0)">讨论</a>
                    </li>
                    <li ng-class="{'active':tabStatus==1}">
                        <a href=""  ng-click="changeTab(1)">成员</a>
                    </li>
                </ul>
                <div><em></em>{{data.data.notice}}</div>
            </div>
        </div>

        <div class="panel-body">
            <ul class="discuss-about" id="chatContent" ng-if="tabStatus==0">
                 <li ng-repeat="item in chatContent track by $index" ng-bind-html="raw(item)"></li>
            </ul>
            <ul class="whom" ng-if="tabStatus==1">
                <li ng-repeat="user in users">{{user.name}}</li>
            </ul>
        </div>
        <div class="panel-footer ">
            <div class="message fom-control">
                <!--<input id="targetId" name="targetId" type="hidden" />-->
                <input type="text" ng-model="chattingContent"  placeholder="选择成员可以@对方哦"><button type="button"  ng-click="chat()">发送</button>
                <!--<input type="text" ng-model="chattingContent"  placeholder="选择成员可以@对方哦">
                <button ng-click="chat()" type="">发送</button>-->
            </div>
        </div>
    </div>    
</div>